<template>
    <div class="fluid">
        <div class="container">
            <p>微信小程序推广</p>
            <ul class="ul1">
                <li>
                    <img src="../../assets/img/1微信小程序/切图/4.png">
                    <span>大数据智能营销解决方案</span>
                </li>
                <li>
                    <img src="../../assets/img/1微信小程序/切图/5.png">
                    <span>咨询下单一步到位</span>
                </li>
                <li>
                    <img src="../../assets/img/1微信小程序/切图/6.png">
                    <span>技术+媒体+数据驱动</span>
                </li>
            </ul>
            <img src="../../assets/img/1微信小程序/切图/1.png" class="img1">
            <img src="../../assets/img/1微信小程序/切图/2.png" class="img2">
            <img src="../../assets/img/1微信小程序/切图/3.png" class="img3">
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
.fluid{
    width:100%;
    height: 574px;
    background: url("../../assets/img/1微信小程序/切图/0.png");
}
.container{
    width:1200px;
    margin:0 auto;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.container>p:nth-child(1){
    font-size: 36px;
    font-weight: bold;
    margin-top: 246px;
}
.ul1{
    margin-top: 30px;
   
}
.ul1>li{
    float:left;
    margin-left: 40px;
}
.ul1>li:first-child{
    margin-left: 0;
}
.ul1>li>span{
    font-size: 16px;
    margin-left: 10px;
}
.img1{
    position: absolute;
    top:45px;
    right:190px;
}
.img2{
    position: absolute;
    top:312px;
    right:0px;
}
.img3{
    position: absolute;
    bottom: 0;
    left:435px;
}
</style>


